<template>
  <view class="containers">
      <u-image width="240rpx" height="240rpx" :src="`${staticFileUrl}/image/device-exception/theDeviceIsOffline.png`"></u-image>
      <view class="title">设备离线</view>
      <view class="content">请检查设备电源、网络、接口是否正常</view>
  </view>
</template>

<script>
	export default {
		data() {
			return {
        staticFileUrl: this.$configPath.staticFileUrl,
      }
		},
		methods: {

		}
	};
</script>

<style lang="scss">
  page{
    width: 100vw;
    height: 100vh;
    background: $uni-bg-color;
  }
  .containers{
    padding-top: 250rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .title{
    color: rgba(0, 0, 0, 0.6);
    font-size: 42rpx;
    margin-top:100rpx;

  }
  .content{
    color: rgba(0, 0, 0, 0.6);
    font-size: 30rpx;
    margin-top: 47rpx;
  }
</style>
